<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历2.0</title>
    <link rel="stylesheet" href="style/step1.css">
    <link rel="stylesheet" href="style/step2.css">
    <link rel="stylesheet" href="style/step3.css">
    <link rel="stylesheet" href="style/step4.css">
    <link rel="stylesheet" href="style/step5.css">
    <link rel="stylesheet" href="style/step6.css">
    <link rel="stylesheet" href="style/step7.css">
    <link rel="stylesheet" href="style/step8.css">
    <link rel="stylesheet" href="style/step17.css">
    <link rel="stylesheet" href="style/step18.css">
    <link rel="stylesheet" href="style/resume.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <style>
        .resume {
            color: #DE3712;
        }
        .resume li {
            background-color: rgb(255, 255, 255);
        }
    </style>
</head>

<body>
    <header class="nav">
        <div class="container container-flex">
            <ul>
                <a href="index.html" class="nav-link site-title">
                    <li>首页</li>
                </a>
            </ul>
            <ul>
                <a href="resume.html" class="nav-link objection resume">
                    <li>个人简历</li>
                </a>
                <a href="dailynote.html" class="nav-link objection">
                    <li>学习笔记</li>
                </a>
                <a href="#" class="nav-link objection">
                    <li>项目经验</li>
                </a>
            </ul>
        </div>
    </header>

    <main>
        <side>
            <div class="contact">
                <h3>❉联系方式</h3>
                <ul>
                    <li>电话：18559276283</li>
                    <li>微信：18359223529</li>
                    <li>QQ：1316856223</li>
                    <li>电子邮箱：
                        <br>1316856223@qq.com
                        <br>misakawrs@gmail.com
                    </li>
                </ul>
            </div>
            <div class="message">
                <h3>❉求职信息</h3>
                <ul>
                    <li>工作时长：2年</li>
                    <li>求职意向：</li>
                    <li>期望薪资：</li>
                    <li>期望城市：</li>
                </ul>
            </div>
            <div class="certificate">
                <h3>❉资格证书</h3>
                <ul>
                    <li class="N1">日本语能力测试N1</li>
                    <img src="img/王振方.jpg" alt="证书照片" class="hoverbox-N1">
                    <li>日语专业四级</li>
                </ul>
            </div>
        </side>
        <maindisplay>
            <heading>
                <word>
                    <div>hello</div>
                    <div>王振方</div>
                    <div>男丨24岁</div>
                </word>
                <image>
                    <img src="img/王振方.jpg" alt="照片">
                </image>
            </heading>
        </maindisplay>
    </main>
</body>

</html>